<!DOCTYPE html>
<html lang="en">
<head>
  <title>学生课外竞赛系统</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
  <style>
    .div1 {
      width: 100px;
      height: 50px;
      line-height:200%;
      text-align: right;
      background: #FFFFFF;
      position: relative;
      font-size: 14px;
      letter-spacing:1px;
      top: 20px;
      bottom: 20px;
    }
    .div1::before {
      content: "";
      width: 7px;
      height:7px;
      position: absolute;
      top: 10px;
      left: 5px;
      background: #79abea;
    }
    h4{
      margin: 10px 0;
    }
    .text-center{
      margin: 20px 0 60px 0;
    }
    .fw-light{
      margin: 0 70px 0 0;
    }
    .centerin{
      font-size:1vw;
      /*定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold*/
      font-weight:100;
      /*color: #A9A9A9;*/
      letter-spacing: 2px;
    }
    .maintext{
      font-family: 宋体;
      font-weight: 400;
      line-height: 200%;
    }
    .mainfooter{
      margin: 0 0 0 10px;
      font-family: 宋体;
      font-size: 18px;
      line-height: 200%;
      color: #A9A9A9;
    }
  </style>
</head>
<body>
<div class="container py-3">
  <!--头部-->
  <header class="p-3 mb-3 border-bottom">
    <div class="container">
      <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
        <a href="../Home.html" class="navbar-brand">学生课外竞赛系统</a>

        <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
          <li><a href="Login.html" class="nav-link px-2 link-dark">登录</a></li>
          <li><a href="Register.html" class="nav-link px-2 link-dark">注册</a></li>
          <li><a href="#report" class="nav-link px-2 link-dark">关于大赛</a></li>
          <li><a href="#show" class="nav-link px-2 link-dark">精彩记录</a></li>
        </ul>

        <div class="col-md-5 text-end">
          <button type="button" class="btn btn-outline-primary">我是管理员</button>
          <button type="button" class="btn btn-primary">我是学生</button>
          <button type="button" class="btn btn-success">我是项目负责人</button>
        </div>
      </div>
    </div>
  </header>

  <!--    通知顶部左，右，中三部分-->
  <!--    顶部左侧-->
  <figure>
    <blockquote class="blockquote">
      <p class="div1">蓝桥杯大赛</p>
      <h4>11年45万大学生参与“蓝桥杯”软件人才竞技</h4>
      <p class="fw-lighter">&nbsp</p>
    </blockquote>
    <figcaption class="blockquote-footer">
      <cite title="Source Title">2021-04-07</cite>
    </figcaption>
  </figure>
  <!--    顶部右侧-->
<!--  <figure class="text-end">-->
<!--    <blockquote class="blockquote">-->
<!--      <p class="fw-light">蓝桥杯组委会字[2021]64号</p>-->
<!--    </blockquote>-->
<!--  </figure>-->
  <!--    顶部中间-->
  <figure class="text-center">
    <blockquote class="blockquote">
      <p class="centerin">&nbsp</p>
    </blockquote>
  </figure>

  <!--    正文-->
  <figure>
    <blockquote class="blockquote">
      <p class="maintext">&nbsp&nbsp近日，中国高等教育学会高校竞赛评估与管理体系研究工作组发布了《2020全国普通高校大学生竞赛排行榜》，依托从全国甄选出的57个项目对高校竞赛情况进行综合评价。由工业和信息化部人才交流中心主办，国信蓝桥教育科技（北京）股份有限公司承办的“蓝桥杯”软件和信息技术专业人才大赛，连续2年入围竞赛排行榜，成为评价高校教育教学改革和创新人才培养成果的重要项目。</p>
      <p class="maintext">&nbsp&nbsp自2010年开始，工业和信息化部人才交流中心举办“蓝桥杯”软件和信息技术专业人才大赛，通过以赛促教、以赛促学的方式，培养符合行业要求的新一代信息技术人才。大赛广泛调研企业用人标准，促进高校和企业连接，推动大学生专业技术水平和创新能力培养，每年都有北京大学、清华大学、上海交通大学、复旦大学等知名院校在内的1000多所高校参与。赛事举办11年来以来，已经吸引45万名大学生参赛。</p>
      <p class="maintext">&nbsp&nbsp“赛题专业，比较具有区分度，在一定程度上可以很好体现学生们的编程能力和思维水平。”吉林建筑大学电气与计算机学院教师杜丽英告诉记者，“蓝桥杯”赛题的考查内容包含了《高级程序设计语言》《数据结构》《算法设计与分析》等多门日常教学科目主要知识，得到了众多学生的认可。</p>
    </blockquote>
  </figure>
  <figure>
    <blockquote class="blockquote">
      <p class="mainfooter">来源：中国教育新闻网</p>
    </blockquote>
  </figure>

  <!--页脚-->
  <footer class="pt-4 my-md-5 pt-md-5 border-top">
    <div class="row">
      <div class="col-12 col-md">
        <img class="mb-2" src="../../img/logo.png" alt="" width="35" height="35">
        <small class="d-block mb-3 text-muted">&copy;2021</small>
      </div>
      <div class="col-6 col-md">
        <h5>member</h5>
        <ul class="list-unstyled text-small">
          <li class="mb-1"><a class="link-secondary text-decoration-none">谢家威</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none">徐志耀</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none">陈智敏</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none">祝皓东</a></li>
        </ul>
      </div>
      <div class="col-6 col-md">
        <h5>technology</h5>
        <ul class="list-unstyled text-small">
          <li class="mb-1"><a class="link-secondary text-decoration-none">Servlet</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none">Jsp</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none">Mysql</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none">Bootstrap5</a></li>
        </ul>
      </div>
      <div class="col-6 col-md">
        <h5>About</h5>
        <ul class="list-unstyled text-small">
          <li class="mb-1"><a class="link-secondary text-decoration-none">Team</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none">Locations</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none">Privacy</a></li>
          <li class="mb-1"><a class="link-secondary text-decoration-none">Terms</a></li>
        </ul>
      </div>
    </div>
  </footer>

</div>

</body>
</html>